/* CSS Document for http://www.theproductteam.ie | Version 2
   Author - Subvert | TextB[]XDesign | 
   http://www.textboxdesign.com | July 2007 
   The code contained in this document is
   the intellectual property of textboxdesign.
   Any reproduction of this document or css code is strictly
   prohibited without prior permission from textboxdesign*/

/* =body declarations for body | ###IEB[]XHACK### 
	Body aligned to centered for browsers then 
countered to left for IE with #center division
==================================================*/

body{
	text-align: center;
	font-size: 11px;
	font-family: Arial, Tahoma,  Verdana, Times New Roman, Lucidia Grande;
	margin: 0px;
	background-color: #EDEDED;
	color: #333333;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	}
	
#center{
	width: 968px;
	text-align: left;
	margin: auto;
	
}

p{
	line-height: 16px;
	color: #8a8788;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

h5{
	color: #24366B;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.style2 {
	color: #24366B;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* =divs | declarations for divisions 
   during initial border layout
==================================================*/



/* =banner | banner image at top of page
==================================================*/

#banner{
	height: 90px;
	width: 968px;
}


/* =canvasTop | canvas at top of page
==================================================*/

#canvasTop{
	height: 17px;
	width: 968px;
	background-image: url(../images/canvas_top.gif);
	background-repeat: no-repeat;
}

/* =canvasTop | canvas at top of page
==================================================*/

#canvasMain{
	height: 401px;
	width: 968px;
	background-image: url(../images/canvas_bg.gif);
	background-repeat: repeat-y;
}


/* =tagLine | canvas at top of page
==================================================*/

#tagLine{
	height: 20px;
	width: 968px;
}


/* =processFlow| canvas at top of page
==================================================*/

#processFlow{
	height: 26px;
	width: 968px;
	margin-top: 10px;
	clip: rect(auto,auto,auto,auto);
	position: absolute;
}


/* =navigationArea | site navigation area
==================================================*/

#navigationArea{
	height: 316px;
	width: 171px;
	position: absolute;
	background-image: url(../images/navigation.jpg);
	background-repeat: repeat-y;
	margin-top: 68px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* =links | links positioning
==================================================*/

#links{
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* =servicetextArea | Container for text on fully managed service page
==================================================*/

#servicetextArea{
	height: 239px;
	width:  485px;
	position: absolute;
	margin-top: 125px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 305px;
	
}


/* =homepageImage | Container for homepage image
==================================================*/

#homepageImage{
	height: 269px;
	width:  506px;
	position: absolute;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 230px;
	
}


/* =homeThumnailholder | Container for homepage image
==================================================*/

#homeThumnailholder{
	height: 363px;
	width:  138px;
	position: absolute;
	margin-top: 77px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 763px;
	
}


/* =welcometextArea | Text and customer quote container
(the #signed div below)
==================================================*/

#welcometextArea{
	width:  510px;
	position: absolute;
	margin-top: 310px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 229px;
	
}

#signed{
	font-weight: bold;
	color: #283A6C;
	height: 40px;
	width: 300px;
	margin-left: 218px;
	margin-top: 0px;
}

.managed{
	font-weight: normal;
	color: #283A6C;
	height: 40px;
}



/* =textArea | Text and customer quote container
==================================================*/

#textArea {
	height: 100px;
	width:  510px;
	position: absolute;
	margin-top: 180px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 200px;
	left: 31px;
}


/* =canvasTop | canvas at top of page
==================================================*/

#canvasBottom{
	height: 78px;
	width: 913px;
	margin-left: 25px;
	background-image: url(../images/canvas_bottom.jpg);
	background-repeat: no-repeat;


}


/* =linksBottom | links at bottom of page
==================================================*/

#linksBottom{
	height: 78px;
	width: 913px;
	margin-left: 19px;
	margin-top: 60px;
}


/*#################################################
IMAGE AND  LAYOUT DIVS FOR OTHER PAGES 
==================================================*/


/*#################################################
PLASTIC PARTS PAGE ONE AND FOUR CONTAINERS
==================================================*/

/* =plastic1container | Container for plastic parts 1 images
==================================================*/

#plastic1container{
	height: 192px;
	width:  473px;
	position: absolute;
	margin-top: 70px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
	
}


/* =plastic1sideimage | Container for plastic parts 1 side image
==================================================*/

#plastic1sideimage{
	height: 312px;
	width:  181px;
	position: absolute;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 710px;
	
}


/* =plastic1TextArea | Container plastic 1 Text Area
==================================================*/

#plastic1TextArea{
	width:  450px;
	position: absolute;
	margin-top: 295px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 225px;
	
}



/*#################################################
PLASTIC PARTS PAGE TWO AND THREE CONTAINERS
==================================================*/

/* =plastic2container | Container for plastic parts 2 images
==================================================*/

#plastic2container{
	height: 192px;
	width:  407px;
	position: absolute;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
	
}




/* =plastic2sideimage | Container for plastic parts 2 side image
==================================================*/

#plastic2sideimage{
	height: 173px;
	width:  214px;
	position: absolute;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 680px;
	
}


/* =plastic23sideimage | Container for plastic parts 3 side image
==================================================*/

#plastic3sideimage{
	height: 173px;
	width:  214px;
	position: absolute;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 675px;
	
}

/* =plastic2TextArea | Container plastic 2 Text Area
==================================================*/

#plastic2TextArea{
	width:  214px;
	position: absolute;
	margin-top: 225px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 692px;
	
}


/* =plastic3TextArea | Container plastic 3 Text Area
==================================================*/

#plastic3TextArea{
	width:  450px;
	position: absolute;
	margin-top: 330px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
	
	
}


/*#################################################
SECONDARY PROESSES CONTAINERS
==================================================*/

/* =secondarycontainer1 | Container secondary processes image 1
==================================================*/

#secondarycontainer1{
	height: 196px;
	width:  320px;
	position: absolute;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 230px;
	
}


/* =secondarycontainer2 | Container secondary processes image 2
==================================================*/

#secondarycontainer2{
	height: 196px;
	width:  320px;
	position: absolute;
	margin-top: 55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 575px;
	
}





/* =secondaryTextArea1 | Container secondary processes Text Area1
==================================================*/

#secondaryTextArea1{
	width:  310px;
	position: absolute;
	margin-top: 270px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 580px;
	
}


/* =secondaryTextArea2 | Container secondary processes Text Area2
==================================================*/

#secondaryTextArea2{
	width:  310px;
	position: absolute;
	margin-top: 270px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 232px;
	
}




/*#################################################
FINISHED PRODUCTS CONTAINERS
==================================================*/

/* =finprodcontainer1 | Container finished products image 1
==================================================*/

#finprodcontainer1{
	height: 196px;
	width:  320px;
	position: absolute;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 190px;
	
}


/* =finprodcontainer2 | Container secondary processes image 2
==================================================*/


#finprodcontainer2{
	height: 196px;
	width:  320px;
	position: absolute;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 250px;
	
}



/* =finprodTextArea | Container finishwd products Text Area1
==================================================*/

#finprodTextArea{
	width:  450px;
	position: absolute;
	margin-top: 285px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 210px;
	
}


/* =finprodTextArea2 | Container finishwd products Text Area2
==================================================*/

#finprodTextArea2{
	width:  390px;
	position: absolute;
	margin-top: 320px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 400px;
	left: 4px;
	
}


/* =finished2sideimage | Container for finished parts 2 side image
==================================================*/

#finished2sideimage{
	height: 173px;
	width:  214px;
	position: absolute;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 677px;
	
}



/*#################################################
METAL PARTS CONTAINERS
==================================================*/

/* =metalThumnailholder | Container for metal parts thumb images
==================================================*/

#metalThumnailholder{
	height: 310px;
	width:  146px;
	position: absolute;
	margin-top: 77px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 749px;
	
}


/* =metalThumnailholder2 | Container for metal parts thumb2 images
==================================================*/

#metalThumnailholder2{
	width:  211px;
	position: absolute;
	margin-top: 77px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 685px;
	
}


/* =metalImage | Container for metal parts image
==================================================*/

#metalImage{
	height: 296px;
	width:  386px;
	position: absolute;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 230px;
	
}


/*#################################################
RAPID PROTOTYPES CONTAINERS
==================================================*/


/* =rapidImages1 | Container for rapid protoypes first image container
==================================================*/

#rapidImages1{
	position: absolute;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 208px;
	
}


/* =rapidthumb | Container for rapid thumb image container
==================================================*/

#rapidthumb{
	position: absolute;
	margin-top: 54px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 692px;
	
}

/* =rapidImages4 | Container for rapid protoypes fourth image container
==================================================*/

#rapidImages4{
	position: absolute;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 493px;
	
}


/* =rapid1textArea | Rapid Prototypes first text container
==================================================*/

#rapid1textArea{
	width:  670px;
	position: absolute;
	margin-top: 318px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 220px;
	
}

/* =rapid2textArea | Rapid Prototypes second text container
==================================================*/

#rapid2textArea{
	position: absolute;
	margin-top: 260px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 594px;
	
}


/* =rapid4textArea | Rapid Prototypes fourth text container
==================================================*/

#rapid4textArea{
	position: absolute;
	margin-top: 310px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 240px;
	
}


/*#################################################
ROLLOVERS CONTAINERS
==================================================*/

#rollover{
	font-weight: bold;
	margin-top: 0px;
	left: 0px;
	top: 524px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-right: 37px;
	padding-top: 15px;
}
